<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>项目列表</title>
  <link rel="stylesheet" href="../../libs/element-ui@2.12.0.css" />
  <link rel="stylesheet" href="./index.css" />
  <style>
    div[v-cloak] {
      display: none;
    }
  </style>
</head>
<body>
<div id="root" v-cloak>
  <div class="project-item" v-for="item in projects" :key="item" @click="gotoProjectDetail(item)" v-text="item"></div>
  <div class="project-item" @click="createProject" style="display:flex;flex-flow: column nowrap;justify-content: center;align-items: center;line-height: normal;height:100px;">
    <i class="el-icon-plus"></i>
    <p style="color:#409eff">新建项目</p>
  </div>
</div>

<script src="../../libs/vue@2.6.10.js"></script>
<script src="../../libs/element-ui@2.12.0.js"></script>
<script src="./index.js"></script>
</body>
</html>
